<template>
	<view>
		<view style="height: 20rpx;background: #F8F8F8;"></view>
		<!-- 自动接单 -->
		<view class="w90">
			<text class="fs13" style="color: #333333;">自动接单</text>
			<u-switch class="rtck" v-model="Dindan"></u-switch>
		</view>
		<!-- 商家置休 -->
		<view class="w90">
			<text class="fs13" style="color: #333333;">商家置休</text>
			<u-switch class="rtck" v-model="Qiandan"></u-switch>
		</view>
		<!-- 保存 -->
		<view class="btm">保存</view>
		<!--  -->
		<u-mask :show="show" @click="show = false">
				<view class="warp">
					<view class="rect" @tap.stop> 
						<Time></Time>
					</view>
				</view>
			</u-mask>
	</view>
</template>

<script>
	export default {
		components:{
			
		},
		data() {
			return {
				Dindan: true,
				show: false,
				Qiandan:false
				
			}
		},
		methods: {

		},
		onLoad(){  //页面加载事件
		
		}
	}
</script>

<style>
	.w90 {
		width: 90%;
		height: 110rpx;
		margin: 0 auto;
		position: relative;
		border-bottom: 1rpx solid #D8D8D8;
		line-height: 110rpx;
	}

	.rtck {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.btm {
		width: 476rpx;
		height: 76rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 76rpx;
		border-radius: 38rpx;
		background: linear-gradient(338deg, #2ed993 0%, #20b47a 100%);
		position: absolute;
		bottom: 8%;
		left: 50%;
		transform: translateX(-50%);
	}
</style>
